<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Insert title here</title>
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="http://api.amap.com/webapi/init?v=1.1"></script>
	<style type="text/css">
		html{height:100%}
		body{height:100%;margin:0px;padding:0px}
		#container{margin: 50px;}
	</style>
	<script type="text/javascript">
		$(function() {
			// 创建地图实例  
	        var mapObj = new AMap.Map("container", {
	        	level: 14, //地图初始化时的视野级别
	        	center: new AMap.LngLat(104.0659225, 30.6574893), //地图初始化时的中心点经纬度坐标
	        	zooms : [3,19], //地图视野级别范围，如：[3,19]，3 为最小级别，19 为最大级别
	        	dragEnable : true, //定义地图是否可以拖拽
	        	zoomEnable : true, //定义地图视野级别是否可以更改
	        	keyboardEnable : true, //定义地图是否可以被键盘控制
	        	jogEnable: true, //定义地图拖拽时是否支持缓动效果
	        	continuousZoomEnable: true, //定义地图是否有连续缩放效果
	        	doubleClickZoom : true, //定义地图是否可以双击放大
	        	scrollWheel: true //定义地图是否支持鼠标滚轮缩放
	        });
			// 加载工具条  
	        mapObj.plugin(["AMap.ToolBar","AMap.OverView,AMap.Scale"], function() {  
				tool = new AMap.ToolBar({
					direction: false, // 隐藏方向导航
					ruler: false, // 隐藏视野级别控制尺
					autoPosition: false, // 禁止自动定位
					offset: {x: -10, y: 3}
				});
				mapObj.addControl(tool);
// 				加载比例尺
				scale = new AMap.Scale();
				mapObj.addControl(scale); 
			});
			
			
			mapObj.bind(mapObj,"click",function(e){  
				var marker = new AMap.Marker({  
					id:"myLocation",  
					position:e.lnglat,  
				    icon:"http://api.amap.com/webapi/static/Images/marker_sprite.png",
					offset:{x:-8,y:-34}  
				});  
				mapObj.addOverlays(marker);  

				var lnglatXY = e.lnglat;
				var geo = new AMap.Geocoder({ 
					range:100,//范围 
					crossnum:1,//道路交叉口数 
					roadnum :1,//路线记录数 
					poinum:1//POI点数 
				}); 
				geo.regeocode(lnglatXY,function(data){  
			        var resultStr="";  
			        if(data.status =="E0") {  
			            for(var i=0;i<data.list.length;i++){
			                resultStr += data.list[i].province.name+data.list[i].city.name+data.list[i].district.name; 
		                    for(var j=0;j<data.list[i].roadlist.length;j++){  
		                        resultStr+= data.list[i].roadlist[j].name;  
		                    }  
			            }  
			        } else if(data.status =="E1") {  
			             resultStr = "未查找到任何结果!";     
			        } else {  
			             resultStr= "错误信息："+data.state;  
			        }  
			        $('#map_addr').val(resultStr);
			        $('#map_desc').val(resultStr);
			    });         
		        $('#map_x').val(lnglatXY.lng);
		        $('#map_y').val(lnglatXY.lat);
			});
		});
	       
	</script>
</head>
<body>
	<h1>注册时添加地点</h1>
    <div id="container" style="width: 300px; height: 300px"></div>  
    <div style="width: 500px">
    	经度：<input type="text" id="map_x"/><br />
    	纬度：<input type="text" id="map_y"/><br />
    	街道：<input type="text" id="map_addr" size="30"/><br /> 
    	描述：<input type="text" id="map_desc" size="30"/><br /> 
    	地图提供商：<input type="text" id="map_provider" value="amap"/><br /> 
    	地图类型：<input type="text" id="map_type" value="1"/>Type Of User<br /> 
    </div>
</body>
</html>




